<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta name="Keywords" content="greaclar-小龟壳、前端小项目展示、前端计算器、前端反斗棋" />
    <meta name="description" content="greaclar-小龟壳，希望能与爱好前端的小伙伴一起学习交流，弄点更有意思的东西。这是我的前端小项目展示目前有：前端计算器、前端反斗棋-xust" />
    <meta name="referrer" content="no-referrer">
    <base target="_blank">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/meau.css">
    <link rel="shortcut icon" href="./si.svg" type="image/x-icon">
    <link rel="preload" href="./fonttext/webfont.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="./fonticon/iconfont.woff2" as="font" crossorigin="anonymous">
    <script src="./js/meau.js"></script>
    <title>greaclar</title>
</head>
<body class="blackBg">
    <section class="guider"></section>
    <!-- 中心板块 -->
    <article class="centre">
        <section class="meau-box web-font">
            <ul class="meau">
                <!-- 顶部标题 -->
                <li class="meau-item">
                    <section class="item-head arrow textCenter web-font">
                        <span class="iconfont">&#xe698;</span>
                        <strong>欢迎访问小龟壳站！</strong>
                    </section>
                    <nav class="item-body">
                        <a href="https://blog.csdn.net/weixin_50794208">分享 | 乐趣 | 我的博客</a>
                        <a href="https://gitee.com/greaclar">我的gitee</a>
                        <a href="mailto:greaclar@163.com">点击发送邮箱：<br/>greaclar@163.com</a>
                        <!-- <a href="greaclar/test/image.html">end</a> -->
                    </nav>
                </li>
                <!-- 其它标题 -->
                <li class="meau-item">
                    <!-- 选项头 -->
                    <section class="item-head arrow web-font">
                        <!-- 图标 -->
                        <span class="iconfont">&#xe86d;</span>
                        <!-- 标题 -->
                        <i class="text">反斗棋</i>
                    </section>
                    <!-- 选项体 -->
                    <nav class="item-body web-font">
                        <a href="./fdq/fdq.html">
                            <span class="iconfont">&#xe881;</span>
                            <i>太极主题</i>
                        </a>
                        <a href="./fdq/skyfdq.html">
                            <span class="iconfont">&#xe881;</span>
                            <i>星空主题</i>
                        </a>
                        <a href="#">点击每个块，会转变其状态</a>
                        <a href="#">点击一个块，周围块也会被影响</a>
                        <a href="#">当全部块变成白色，即过关</a>
                    </nav>
                </li>
                <li class="meau-item">
                    <section class="item-head arrow web-font">
                        <span class="iconfont">&#xe79b;</span>
                        <i class="text">标准计算器</i>
                    </section>
                    <nav class="item-body web-font">
                        <a href="./calculator/index.html">
                            <span class="iconfont">&#xe881;</span>
                            <i>标准计算器</i>
                        </a>
                    </nav>
                </li>
                <li class="meau-item">
                    <section class="item-head arrow web-font">
                        <span class="iconfont">&#xe89d;</span>
                        <i class="text">物件锦囊</i>
                    </section>
                    <nav class="item-body web-font">
                        <a href="http://42.192.49.50/">
                            <span class="iconfont">&#xe881;</span>
                            <i>物件锦囊</i>
                        </a>
                        <a href="#">测试账号：a@a.cn</a>
                        <a href="#">密码：123456</a>
                    </nav>
                </li>
                <li class="meau-item">
                    <section class="item-head web-font">
                        <span class="iconfont">&#xe62e;</span>
                        <i class="text">收起</i>
                    </section>
                </li>
            </ul>
        </section>
    </article>
    
</body>
</html>
